<!DOCTYPE html>
<html id="page">
<head>
    <meta charset="UTF-8">
    <title>合同信息</title>
    <link rel="stylesheet" href="css/layui.css" media="all"/>
    <link rel="stylesheet" href="css/bootstrap.min.css"/>
    <link rel="stylesheet" href="css/global.css" media="all">
    <link rel="stylesheet" href="plugins/font-awesome/css/font-awesome.min.css">
    <script src="js/jquery-2.1.4.min.js"></script>
    <script type="text/javascript" src="layui.js"></script>
    <script type="text/javascript" src="bootstrap.min.js"></script>
    <script type="text/javascript" src="ag/common/util.js"></script>
    <script type="text/javascript" src="ag/common/myscript.js"></script>
    <script src="js/bootstrap-datepicker.min.js"></script>  
    <link rel="stylesheet" href="css/bootstrap-datepicker3.min.css">
</head>
<style type="text/css">
	* {
	    font-size: 16px;
	    margin: 0px;
	    padding: 0px;
	    /* background-color: white;*/
	}
	
	select {
		box-sizing:border-box;
	    padding:2px 5px; 
	    height: 26px !important;
	    width: 100%;
	    top: 10px !important;
	    left: 0px;
	    position: absolute;
	    border: none;
	    display: inline;           
	}
	
	input[type="text"],input[type="number"] {
		box-sizing:border-box;
	    padding:2px 5px; 
	    height: 37px;
	    width: 100%;
	    top: 0px;
	    left: 0px;
	    position: absolute;
	    border: none;
	    display: inline;
	}
	.red{
		color:red;
	}
	.redAble{
		color:red;
	}
	.layui-table tbody tr:hover {background-color: white}
	 td {
	     width: 25%;
	 }
	 .title {
	     font-weight: bold;
	 }
	
	 input[type="text"]:disabled {
	     background-color: #eee;
	 }
	 input[type="text"]:read-only {
	     background-color: #eee;
	 }
</style>
<body>
<div id="all" style="padding-bottom:50px;overflow:hidden">
	<form id="creditProgramForm">
    <table border="1" class="layui-table">
        <tr>
            <td colspan="4" style="font-size: 20px; text-align: center;"><b>合同信息</b></td>
        </tr>       
        <tr>
            <td class="title">合同号</td>
            <td>
            	<input type="hidden" id="custId" name="custId"><!--客户id-->
                <input type="text" id="scspId" name="scspId" readonly="true">
                <input type="hidden" id="rateAdjustDate" name="rateAdjustDate">
                <input type="hidden" id="grantTerm" name="grantTerm">
                <input type="hidden" id="guaranteeWay">

            </td>
            <td class="title">机构号</td>
            <td>
                <input type="text" id="orgCd" disabled="disabled">
            </td>
        </tr>
        <tr>
            <td class="title">姓名<b class='red'>*</b></td>
            <td><input type="text" id="custName" name="custName" readonly="true"></td>
            <td class="title">申请日期 <b class='red'>*</b></td>
            <td><input type="text" id="createdTime" name="createdTime" readonly="true"></td>
        </tr>
        <tr>
            <td class="title">证件类型</td>
            <td><input type="text" id="idType" disabled="disabled"></td>
            <td class="title">证件号码</td>
            <td>
                <input type="text" id="idNo" disabled="disabled">
            </td>
        </tr>
        <tr>
            <td class="title">贷款品种<b class='red'>*</b></td>
            <!--<td><select id="loanType" name="loanType"><option>请选择</option></select></td>-->
            <td colspan="1">
                <input type="hidden" id="loanType" name="loanType"/>
                <select id="loanType1" style="width: 50%; top: 0px; left: 0px;"><option>请选择</option></select>
                <select id="loanType2" style="width: 50%; top: 0px; left: 50%;"><option>请选择</option></select>
            </td>

            <td class="title">放款金额(元) <b class='red'>*</b></td>
            <td><input type="text" id="grantMoney" name="grantMoney"></td>
        </tr>
        <tr>
            <td class="title">贷款期限 <b class='red'>*</b></td>
            <td style="padding:0">
            	<table style='border:none'>
            		<tr id="grantTerms">
            			<td style='border:none'><input type="text" id="grantTermY" name="grantTermY" value="0"></td>
            			<td style='border:none'>年</td>
            			<td style='border:none'><input type="text" id="grantTermM" name="grantTermM" value="0"></td>
            			<td style='border:none'>月</td>
            			<td style='border:none'><input type="text" id="grantTermD" name="grantTermD" value="0"></td>
            			<td style='border:none'>日</td>
            		</tr>
            	</table>
            </td>
            <td class="title">放款日期 <b class='redAble'>*</b></td>
            <td><input type="text" id="startDate" name="startDate" class="layui-input"></td>
        </tr>
        <tr>
            <td class="title">到期日 <b class='redAble'>*</b></td>
            <td><input type="text" id="endDate" name="endDate" readonly="readonly"></td>
            <td class="title">单复率标志 <b class='red'>*</b></td>
            <td><select id="singleRateSign" name="singleRateSign"><option>请选择</option></select></td>
        </tr>
        <tr>
            <td class="title">还款方式 <b class='red'>*</b></td>
            <td>
            	<select id="repaymentWay" name="repaymentWay">
                	<option>请选择</option>
                </select>
            </td>
            <td class="title">还款间隔 <b class='red'>*</b></td>
            <td><select id="repaymentInterval" name="repaymentInterval"><option>请选择</option></select></td>
        </tr>
        <tr>
            <td class="title">还款日确定方式<b class='red'>*</b></td>
            <td><select id="repaymentDateWay" name="repaymentDateWay"><option>请选择</option></select></td>
            <td class="title">还款日 <b class='red'>*</b></td>
            <td><input type="text" id="repaymentDate" name="repaymentDate"></td>
        </tr>
        <tr>
            <td class="title">利率调整方式<b class='red'>*</b></td>
            <td><select id="rateCycle" name="rateCycle"><option>请选择</option></select></td>
            <td class="title">利率调整日期</td>
            <td style="padding:0">
            	<table style='border:none'>
            		<tr>
            			<td style='border:none'><input type="number" id="rateAdjustDateM" name="rateAdjustDateM"></td>
            			<td style='border:none'>月</td>
            			<td style='border:none'><input type="number" id="rateAdjustDateD" name="rateAdjustDateD"></td>
            			<td style='border:none'>日</td>
            		</tr>
            	</table>
            </td>
        </tr>
        <tr>
            <td class="title">基准利率(%)<b class='red'>*</b></td>
            <td><input type="text" id="baseRate" name="baseRate" readonly="readonly"></td>
            <td class="title">利率浮动率(%)</td>
            <td><input type="text" id="rateFloat" name="rateFloat" value="0"></td>
        </tr>
        <tr>
            <td class="title">利率浮动值</td>
            <td><input type="text" id="rateFloatValue" name="rateFloatValue" value="0"></td>
            <td class="title">执行利率(%)</td>
            <td><input type="text" id="executeRate" name="executeRate" readonly="readonly"></td>
        </tr>
        <tr>
            <td class="title">月利率(‰)</td>
            <td><input type="text" id="monthRate" name="monthRate" readonly="readonly"></td>
            <td class="title">罚息浮动选项<b class='red'>*</b></td>
            <td><select id="defaultInterestFloatWay" name="defaultInterestFloatWay"><option>请选择</option></select></td>
        </tr>
        <tr>
            <td class="title">罚息浮动率（%）</td>
            <td><input type="text" id="defaultInterestFloat" name="defaultInterestFloat"></td>
            <td class="title">罚息利率(%) <b class='red'>*</b></td>
            <td><input class="layui-bg-gray" type="text" id="defaultInterestRate"
                       name="defaultInterestRate" readonly></td>

        </tr>
        <tr>
            <td class="title">宽限期方式 <b class='red'>*</b></td>
            <td><select id="gracePeriodWay" name="gracePeriodWay"><option>请选择</option></select></td>
            <td class="title">宽限期天数</td>
            <td><input type="text" id="gracePeriod" name="gracePeriod" value="0"></td>
        </tr>
        <tr>
            <td class="title">宽限期计息标志 <b class='red'>*</b></td>
            <td><select id="gracePeriodSign" name="gracePeriodSign"><option>请选择</option></select></td>
            <td class="title">借款人属性 <b class='red'>*</b></td>
            <td><select id="loanerAttribute" name="loanerAttribute"><option>请选择</option></select></td>
        </tr>

        <tr>
            <td class="title">担保方式 <b class='red'>*</b></td>
            <td colspan="3" style="text-align:center">
                <input type="checkbox" value="1" name="guaranteeWay" id="credit" disabled="disabled">信用
                &nbsp;&nbsp;
                <input type="checkbox" value="1" name="guaranteeWay" id="guarantee" disabled="disabled">保证
                &nbsp;&nbsp;
                <input type="checkbox" value="1" name="guaranteeWay" id="mortgage" disabled="disabled">抵押
                &nbsp;&nbsp;
                <input type="checkbox" value="1" name="guaranteeWay" id="pledge" disabled="disabled">质押
            </td>
        </tr>
        <tr >
           <td class="title">行业投向 <b class='red'>*</b></td>          
               <td colspan="3">
               		<input type="hidden" id="hytx" name="hytx"/>
              		<select id="hytx1" style="width: 20%; top: 0px; left: 0px;"><option>请选择</option></select>
	                <select id="hytx2" style="width: 20%; top: 0px; left: 20%;"><option>请选择</option></select>
	                <select id="hytx3" style="width: 20%; top: 0px; left: 40%;"><option>请选择</option></select>
	                <select id="hytx4" style="width: 20%; top: 0px; left: 60%;"><option>请选择</option></select>
	                <select id="hytx5" style="width: 20%; top: 0px; left: 80%;"><option>请选择</option></select>
               </td>         
        </tr>


        <tr>
            <td class="title">放款账户 <b class='redAble'>*</b></td>
            <td><input type="text" id="grantAccount" name="grantAccount" class="editAble"></td>
            <td class="title">还款账户 <b class='redAble'>*</b></td>
            <td><input type="text" id="repaymentAccount" name="repaymentAccount" class="editAble"></td>
        </tr>
        <tr>
            <td class="title">贷款用途 <b class='red'>*</b></td>
            <td>
                <select id="loanPurpose" name="loanPurpose"><option>请选择</option></select>
            </td>
            <td class="title">贷款用途描述 <b class='red'>*</b></td>
            <td>
                <input type="text" id="loanPurposeDetail" name="loanPurposeDetail">
            </td>
        </tr>
        <tr>
            <td class="title">备注 <b class='red'>*</b></td>
            <td colspan="3">
                <input type="text" id="remarks" name="remarks">
            </td>
        </tr>
    </table>
	</form>
    <div style='text-align:center' id="button">
	 <button class="layui-btn layui-btn-normal" onclick="myprint('bigTable')">打印</button>
     <button type="submit" id="btnCommit" class="layui-btn layui-btn-normal print_save">保存</button>
	</div>
</div>
<script type="text/javascript" src="ag/scsp/creditProgram.js"></script>
</body>
</html>